<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>数字化转型创意大赛决赛</title>
	<!-- import CSS -->
	<link rel="stylesheet" href="http://npm.elemecdn.com/mint-ui@2.2.13/lib/style.css">
	<link rel="stylesheet" href="/static/main.css">
	<style>
	.scoretable{
		border:1px solid #777;
	}
	</style>
</head>

<body>
	<div id="app"  class="loadHide">
		<mt-header fixed title="作品详情">
			<mt-button icon="back" slot="left" onclick="location.href = '/gradeResult'">返回</mt-button>
		</mt-header>
		<div style="margin-top:60px;">
			<h3>{{ innovate.title }}</h3>
			<table v-if="innovate.statu == 2" class="scoretable">
				<tr>
				 <th>现场得分</th>
				 <th>附加分</th>
				 <th>总分</th>
				</tr>
				<tr>
				  <td>{{innovate.onscore}}</td>
				  <td>{{innovate.attscore}}</td>
				  <td>{{innovate.score}}</td>
				</tr>
			</table>
			<p v-html="innovate.description">
			</p>
		</div>

		<mt-button type="default" size="large" @click="standard = true" style="margin-top:10px;">评分标准</mt-button>

		<mt-popup class='grade-pop' style="height:300px;overflow-x:scroll;" v-model="standard" position="bottom">
			<mt-header fixed title="评分标准说明"></mt-header>
			<div>
				
				<p style="padding:20px;margin-top:40px;">
<br />创新性（满分25分）维度内容：该创意是否为我行首创，或首次提出相应场景优化和产品组合，推出后在市场上的领先优势，有力加快推进我行数字化转型工作落地实施，是否使用了新的技术或工具，是否具有独创的功能特点和创意亮点。
<br />可行性（满分25分）维度内容：是否可直接转化为实际生产力、具有较好的扩展性，系统性能稳定性，创意办理流程设的合理性和便利性，为广大农村客户提供服务的便利性和有效性等。
<br />效益性（满分20分）维度内容：创意预期的市场竞争力，在促进我行数字化转型、提升我行市场份额和客户数量方面可能起到的效果，预计将带的经济效益或相应的品牌效应和社会反响，间接效益是否可以预见，对同业或其他行业的推动作用。
<br />应用范围（满分10分）维度内容：创意部署渠道、应用口径的多样性，配套的客服体系是否完善，预计的市场占有率，以及是否具备相应的推广营销方案。
<br />风险分析与防控（满分10分）维度内容：创意风险分析详细，风险防范体系完整。
<br />现场表现（满分10分）维度内容：展示材料准备充分，表现形式新颖，论点、论据表达清晰，时间控制准确，能有效传递创意信息、营造创新感染力。
				</p>
			</div>


		</mt-popup>
	</div>
</body>
<!-- import Vue before Mint UI -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- import JavaScript -->
<script src="http://npm.elemecdn.com/mint-ui@2.2.13/lib/index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.0"></script>
<script src="/static/common.js"></script>
<script>
	new Vue({
		el: '#app',
		data: {
			standard: false,
			innovate: {
				id: null,
				title: '',
				description: '',

			}
		},
		methods: {
			
			loadInnovate: function () {
				var vm = this;
				var innId = getQueryString('id');
				vm.$indicator.open();
				this.$http.get('/getInnovateItem?id=' + innId).then(response => {
					vm.$indicator.close();
					if (response.body.success) {
						vm.innovate = response.body.data;
					}
					else {
						this.$toast(response.body.msg);
					}
				}, response => {
					this.$indicator.close();
					this.$toast('数据加载失败');
				});
			}
		},
		mounted: function () {
			document.getElementById('app').setAttribute('class','');
			var vm = this;
			this.$nextTick(function () {
				vm.loadInnovate();
			})
		}
	});
</script>

</html>